<template>
  <div>
    <el-card>
      <div slot="header" class="clearfix">
        <span class="header-class">更换头像</span>
      </div>
      <!-- <UpdateImg text="请选择头像"></UpdateImg> -->
      <img src="" alt="">
      <div style="margin-top: 20px;">
        <el-button
          size="small"
          type="primary file"
          @change="onFile">
            <i class="el-icon-plus"></i> 选择头像</el-button>
        <el-button size="small" type="success"><i class="el-icon-top"></i> 上传图片</el-button>
      </div>
    </el-card>
  </div>
</template>

<script>
// import UpdateImg from '@/components/updateImg'
export default {
  // 头像
  name: 'HeaderImg',
  components: {
    // UpdateImg
  },
  methods: {
    // imageUp (e) {
    //   console.log(e.target.files)
    // }
    onFile (e) {
      console.log(e.target.files)
    }
  }
}
</script>

<style scoped lang="less">
.header-class {
    line-height: 32px;
    font-size: 16px;
    font-weight: 600;
  }
img{
  width: 200px;
  height: 200px;
  border: 1px black solid;
}
</style>
